<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>多彩贵州</title>

    <link rel="stylesheet" href="css/index.css">
    <script type="text/javascript" src="js/index.js"></script>
    <script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="plugins/bootstrap/js/bootstrap.min.js"></script>
    <link href="plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet"></link>

</head>
<body onload="init()">
<div class="container">
    <!--顶部开始-->
    <div id="header" style="position: relative;z-index: 1"></div>
    <!--顶部结束-->
    <!-------------------------长条开始------------------------->
    <div>
        <!--推荐专题开始-->
        <ul class="list-unstyled">
            <li class="col-md-2"><h4>推荐专题</h4></li>

            <li class="col-md-2"><a class="long-a" href="#"><h5>新时代 新作为 新篇章 </h5></a></li>
            <li class="col-md-2"><a class="long-a" href="#"><h5>脱贫攻坚战年终盘点</h5></a></li>
            <li class="col-md-2"><a class="long-a" href="#"><h5>庆祝改革开放40年</h5></a></li>
            <li class="col-md-2"><a class="long-a" href="#"><h5>弘扬民族精神 奋斗精神</h5></a></li>
            <li class="col-md-2"><a class="long-a" href="#"><h5>弘扬民族精神 奋斗精神时代楷模</h5></a></li>
            <!-------------------------推荐专题结束------------------------->
        </ul>
    </div>
    <!-------------------------长条结束------------------------->
    <!-------------------------三个图片排列开始------------------------->
    <div>
        <img class="col-md-4" src="img/1-1.gif">
        <img class="col-md-4" src="img/1-2.jpg">
        <img class="col-md-4" src="img/1-3.gif">
    </div>
    <!-------------------------三个图片排列结束------------------------->
    <div>
        <img class="col-md-12" src="img/long.jpg">
    </div>

    <!--------------------------一个大的div开始--------------------------->
    <div>
        <!------左侧新闻div开始----->
        <div class="col-md-5">
            <nav>
                <li>
                    <a href="###" target="_blank"
                       style="font-weight: bold;font-size:18px;"><span>11月70城房价出炉 贵阳遵义继续上涨</span></a>
                </li>
                <li>
                    <a href="###" target="_blank"><span>1—11月贵州省财政收入增收74.88亿元 增长5%</span></a>
                </li>
                <li>
                    <a href="###" target="_blank"><span>贵遵高速沙文路段施工有变化 交警建议走贵遵复线</span></a>
                </li>
                <li>
                    <a href="###" target="_blank"><span>解读贵阳市中考改革意见稿:中考会有哪些变化</span></a>
                </li>
                <li>
                    <a href="###" target="_blank"><span>贵阳市已排查校外培训机构2657所 取缔关停777所</span></a>
                </li>

                <li>
                    <a href="###" target="_blank"
                       style="font-weight: bold;font-size:18px;color: #00b7fa"><span>今年这些明生工程已落地&nbsp;你收益了吗</span></a>
                </li>
                <li>
                    <a href="###" target="_blank"><span>财政部原副部长张少春受贿案一审开庭：被控受贿6698万</span></a>
                </li>
                <li>
                    <a href="###" target="_blank"><span>外逃人员“自首大限”将至 百人红通已归案55人 </span></a>
                </li>

                <li>
                    <a href="###" target="_blank"
                       style="font-weight: bold;font-size:18px;color: #00b7fa"><span>【特别策划】脱贫攻坚战年终盘点</span></a>
                </li>
                <li>
                    <a href="###" target="_blank"><span>公示|第几届道德模范人选名单</span></a>
                </li>
                <li>
                    <a href="###" target="_blank"><span>【扶贫专题】从贫困到富裕村的转变2018</span></a>
                </li>
            </nav>
        </div>
        <!-------左侧新闻div结束---->

        <!--------------右侧轮播图开始----------->
        <div id="carousel-example-generic" class="carousel slide col-md-7" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner " role="listbox">
                <div class="item active">
                    <img src="img/2.jpg" alt="...">
                    <div class="carousel-caption">
                        ...
                    </div>
                </div>
                <div class="item">
                    <img src="img/3.jpg" alt="...">
                    <div class="carousel-caption">
                        ...
                    </div>
                </div>
                <div class="item">
                    <img src="img/1.jpg" alt="...">
                    <div class="carousel-caption">
                        ...
                    </div>
                </div>
                <div class="item">
                    <img src="img/2.jpg" alt="...">
                    <div class="carousel-caption">
                        ...
                    </div>
                </div>
                ...
            </div>

            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>

        <!--------------右侧轮播图结束----------->

        <!--垂直三栏新闻开始-->
        <div class="news3">
            <div class="news-left">
                <div class="news-left-block">
                    <div class="news-photo">
                        <img src="img/news-left-1.png"/>
                    </div>
                    <div class="news-left-news">
                        <ul>
                            <li><a href="###" target="_blank"><span style="color:#305789;    font-weight: bold;">孙志刚到贵大为师生做脱贫攻坚形势政策报告</span></a>
                            </li>
                            <li><a href="###" target="_blank">孙志刚:坚定不移推动全面从严治党向纵深发展</a></li>
                            <li><a href="###" target="_blank">孙志刚:以苦干实干的业绩诠释对党的忠诚</a></li>
                            <li><a href="###" target="_blank"><span style="color:#305789;    font-weight: bold;">谌贻琴主持召开贵州省政府常务会议</span></a>
                            </li>
                            <li><a href="###" target="_blank">孙志刚:谌贻琴：坚决打好防控非洲猪瘟疫情硬仗</a></li>
                        </ul>
                    </div>
                </div>

                <div class="news-left-block">
                    <div class="news-photo">
                        <img src="img/news-left-2.png"/>
                    </div>
                    <div class="news-left-news">
                        <ul>
                            <li><a href="###" target="_blank"><span style="color:#305789;    font-weight: bold;">孙志刚到贵大为师生做脱贫攻坚形势政策报告</span></a>
                            </li>
                            <li><a href="###" target="_blank">孙志刚:坚定不移推动全面从严治党向纵深发展</a></li>
                            <li><a href="###" target="_blank">孙志刚:以苦干实干的业绩诠释对党的忠诚</a></li>
                            <li><a href="###" target="_blank"><span style="color:#305789;    font-weight: bold;">谌贻琴主持召开贵州省政府常务会议</span></a>
                            </li>
                            <li><a href="###" target="_blank">孙志刚:谌贻琴：坚决打好防控非洲猪瘟疫情硬仗</a></li>
                        </ul>
                    </div>
                </div>

                <div class="news-left-block">
                    <div class="news-photo">
                        <img src="img/news-left-3.gif"/>
                    </div>
                    <div class="news-left-news">
                        <ul>
                            <li><a href="###" target="_blank"><span style="color:#305789;font-weight: bold;">孙志刚到贵大为师生做脱贫攻坚形势政策报告</span></a>
                            </li>
                            <li><a href="###" target="_blank">孙志刚:坚定不移推动全面从严治党向纵深发展</a></li>
                            <li><a href="###" target="_blank">孙志刚:以苦干实干的业绩诠释对党的忠诚</a></li>
                            <li><a href="###" target="_blank"><span style="color:#305789;    font-weight: bold;">谌贻琴主持召开贵州省政府常务会议</span></a>
                            </li>
                            <li><a href="###" target="_blank">孙志刚:谌贻琴：坚决打好防控非洲猪瘟疫情硬仗</a></li>
                        </ul>
                    </div>
                </div>

                <div class="news-left-block">
                    <div class="news-photo">
                        <img src="img/news-left-4.jpg"/>
                    </div>
                    <div class="news-left-news">
                        <ul>
                            <li><a href="###" target="_blank"><span style="color:#305789;    font-weight: bold;">孙志刚到贵大为师生做脱贫攻坚形势政策报告</span></a>
                            </li>
                            <li><a href="###" target="_blank">孙志刚:坚定不移推动全面从严治党向纵深发展</a></li>
                            <li><a href="###" target="_blank">孙志刚:以苦干实干的业绩诠释对党的忠诚</a></li>
                            <li><a href="###" target="_blank">孙志刚:以苦干实干的业绩诠释对党的忠诚</a></li>
                            <li><a href="###" target="_blank">孙志刚:以苦干实干的业绩诠释对党的忠诚</a></li>
                            <li><a href="###" target="_blank">孙志刚:以苦干实干的业绩诠释对党的忠诚</a></li>
                            <li><a href="###" target="_blank"><span style="color:#305789;    font-weight: bold;">谌贻琴主持召开贵州省政府常务会议</span></a>
                            </li>
                            <li><a href="###" target="_blank">孙志刚:谌贻琴：坚决打好防控非洲猪瘟疫情硬仗</a></li>
                            <li><a href="###" target="_blank">孙志刚:谌贻琴：坚决打好防控非洲猪瘟疫情硬仗</a></li>
                            <li><a href="###" target="_blank">孙志刚:谌贻琴：坚决打好防控非洲猪瘟疫情硬仗</a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="news-center">
                <div class="news-left-block">
                    <div class="news-photo">
                        <img src="img/news-center-1.jpg"/>
                    </div>
                    <div class="news-left-news">
                        <ul>
                            <li><a href="###" target="_blank"><span style="color:#305789;    font-weight: bold;">贵州省明确：提高教师待遇 不低于公务员工资</span></a>
                            </li>
                            <li><a href="###" target="_blank">孙志刚:【改革开放40年 看贵州公安巨变】贵州公安精神，代代传承</a></li>
                            <li><a href="###" target="_blank">孙志刚:注意依法、安全驾驶 贵阳龙洞堡机场将新增35处电子眼</a></li>
                            </li>
                        </ul>
                        <ul>
                            <li><a href="###" target="_blank"><span style="color:#305789;    font-weight: bold;">2018中国政府网站绩效评估出炉 贵州省排名第七</span></a>
                            </li>
                            <li><a href="###" target="_blank">孙志刚:【改革开放40年 六盘水常态化开展“访村寨、重监督、助攻坚"” 发现问题589个</a></li>
                            <li><a href="###" target="_blank">孙志刚:注意依法、安全驾驶 贵阳龙洞堡机场将新增35处电子眼</a></li>
                            </li>
                        </ul>
                        <ul>
                            <li><a href="###" target="_blank"><span style="color:#305789;    font-weight: bold;">贵州省明确：提高教师待遇 不低于公务员工资</span></a>
                            </li>
                            <li><a href="###" target="_blank">孙志刚:【改革开放40年 看贵州公安巨变】贵州公安精神，代代传承</a></li>
                            <li><a href="###" target="_blank">孙志刚:注意依法、安全驾驶 贵阳龙洞堡机场将新增35处电子眼</a></li>
                            </li>
                        </ul>
                        <ul>
                            <li><a href="###" target="_blank"><span style="color:#305789;    font-weight: bold;">2018中国政府网站绩效评估出炉 贵州省排名第七</span></a>
                            </li>
                            <li><a href="###" target="_blank">孙志刚:【改革开放40年 六盘水常态化开展“访村寨、重监督、助攻坚"” 发现问题589个</a></li>
                            <li><a href="###" target="_blank">孙志刚:【改革开放40年 六盘水常态化开展“访村寨、重监督、助攻坚"” 发现问题589个</a></li>
                            <li><a href="###" target="_blank">孙志刚:注意依法、安全驾驶 贵阳龙洞堡机场将新增35处电子眼</a></li>
                            </li>
                        </ul>
                        <ul>
                            <li><a href="###" target="_blank"><span style="color:#305789;    font-weight: bold;">2018中国政府网站绩效评估出炉 贵州省排名第七</span></a>
                            </li>
                            <li><a href="###" target="_blank">孙志刚:【改革开放40年 六盘水常态化开展“访村寨、重监督、助攻坚"” 发现问题589个</a></li>
                            <li><a href="###" target="_blank">孙志刚:注意依法、安全驾驶 贵阳龙洞堡机场将新增35处电子眼</a></li>
                            </li>
                        </ul>
                        <ul>
                            <li><a href="###" target="_blank"><span style="color:#305789;    font-weight: bold;">2018中国政府网站绩效评估出炉 贵州省排名第七</span></a>
                            </li>
                            <li><a href="###" target="_blank">孙志刚:【改革开放40年 六盘水常态化开展“访村寨、重监督、助攻坚"” 发现问题589个</a></li>
                            <li><a href="###" target="_blank">孙志刚:注意依法、安全驾驶 贵阳龙洞堡机场将新增35处电子眼</a></li>
                            </li>
                        </ul>

                    </div>
                </div>
            </div>

            <div class="news-right">
                <div class="title">
                    <span style="color:rgb(57,57,57)">直播贵州</span>
                </div>
                <div class="rock">
                    <ul>
                        <li>
                            <h4>
                                <a href="###">
                                    <img src="img/head.png"><span>有口福了！苹果等你尝</span> </a>
                            </h4>
                            <div id="picture">
                                <a href="##" target="_blank"> <img src="img/zhibo1.jpg"></a>
                            </div>
                            <p>元旦之后，草莓将进入大面积采摘。我希望喜爱草莓的游客和市民朋友们前来体验采摘的无穷乐趣。</p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">
                                    <img src="img/head.png"><span>有口福了！苹果等你尝</span> </a>
                            </h4>
                            <div id="picture">
                                <a href="##" target="_blank"> <img src="img/zhibo2.jpg"></a>
                            </div>
                            <p>元旦之后，草莓将进入大面积采摘。我希望喜爱草莓的游客和市民朋友们前来体验采摘的无穷乐趣。</p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">
                                    <img src="img/head.png"><span>有口福了！苹果等你尝</span> </a>
                            </h4>
                            <div id="picture">
                                <a href="##" target="_blank"> <img src="img/zhibo3.jpg"></a>
                            </div>
                            <p>元旦之后，草莓将进入大面积采摘。我希望喜爱草莓的游客和市民朋友们前来体验采摘的无穷乐趣。</p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">
                                    <img src="img/head.png"><span>有口福了！苹果等你尝</span> </a>
                            </h4>
                            <div id="picture">
                                <a href="##" target="_blank"> <img src="img/zhibo3.jpg"></a>
                            </div>
                            <p>元旦之后，草莓将进入大面积采摘。我希望喜爱草莓的游客和市民朋友们前来体验采摘的无穷乐趣。</p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">
                                    <img src="img/head.png"><span>有口福了！苹果等你尝</span> </a>
                            </h4>
                            <div id="picture">
                                <a href="##" target="_blank"> <img src="img/zhibo3.jpg"></a>
                            </div>
                            <p>元旦之后，草莓将进入大面积采摘。我希望喜爱草莓的游客和市民朋友们前来体验采摘的无穷乐趣。</p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">
                                    <img src="img/head.png"><span>有口福了！苹果等你尝</span> </a>
                            </h4>
                            <div id="picture">
                                <a href="##" target="_blank"> <img src="img/zhibo3.jpg"></a>
                            </div>
                            <p>元旦之后，草莓将进入大面积采摘。我希望喜爱草莓的游客和市民朋友们前来体验采摘的无穷乐趣。</p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">
                                    <img src="img/head.png"><span>有口福了！苹果等你尝</span> </a>
                            </h4>
                            <div id="picture">
                                <a href="##" target="_blank"> <img src="img/zhibo3.jpg"></a>
                            </div>
                            <p>元旦之后，草莓将进入大面积采摘。我希望喜爱草莓的游客和市民朋友们前来体验采摘的无穷乐趣。</p>
                        </li>
                        <li>
                            <h4>
                                <a href="###">
                                    <img src="img/head.png"><span>有口福了！苹果等你尝</span> </a>
                            </h4>
                            <div id="picture">
                                <a href="##" target="_blank"> <img src="img/zhibo3.jpg"></a>
                            </div>
                            <p>元旦之后，草莓将进入大面积采摘。我希望喜爱草莓的游客和市民朋友们前来体验采摘的无穷乐趣。</p>
                        </li>
                    </ul>

                </div>
            </div>
        </div>
        <!--垂直三栏新闻结束-->
    </div>
    <!--------------------------一个大的div结束-------------------------->
    <!--备案信息开始-->
    <div id="footer" style="position: relative;z-index: 1"></div>
    <!--备案信息结束-->
</div>
</body>
</html>
